<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" >
	<title>取消</title>

	<link rel="stylesheet" href="cancel-reason.css">

	<script src="../public/jquery.min.js"></script>
	<script src="../public_js/picturefill.js"></script>
	<script src="../public/layer.js"></script>

<script>
	//手机返回键监听，返回上一级
document.addEventListener("plusready", function() {
        // 注册返回按键事件
        plus.key.addEventListener('backbutton', function() {
        // 事件处理
            plus.nativeUI.confirm("退出程序？", function(event) {
                if (event.index) {
                    plus.runtime.quit();
                }
            }, null, ["取消", "确定"]);
        }, false);
    });
</script>
</head>
<body>
<header>
	<img onclick="history.back()" src="../public_img/return.png" alt="返回">
	<p>取消理由</p>
</header>
<section>
	<ul>
		<li>
			<span>下错订单</span>
			<form>
				<label>
					<input type="checkbox"><i></i>
				</label>
			</form>
		</li>
		<li>
			<span>突然有事</span>
			<form>
				<label>
					<input type="checkbox"><i></i>
				</label>
			</form>
		</li>
		<li>
			<span>对方没空</span>
			<form>
				<label>
					<input type="checkbox"><i></i>
				</label>
			</form>
		</li>
		<li>
			<span>对方毁约</span>
			<form>
				<label>
					<input type="checkbox"><i></i>
				</label>
			</form>
		</li>
		<li>
			<span>难以沟通</span>
			<form>
				<label>
					<input type="checkbox"><i></i>
				</label>
			</form>
		</li>
		<li>
			<span>其他</span>
			<form class="text-form">
				<input class="text-input" type="text" placeholder="教练是个瓜娃子！" />
			</form>
		</li>
	</ul>
</section>
<footer>
	<button class="btn_comfirm">确定</button>
</footer>

<script src="../js/order/report/cancel_reason.js"></script>
</body>
</html>
